﻿<UserControl
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions"
	mc:Ignorable="d"
	x:Class="WPF_CAD.ObjectDescriptionControl"
	x:Name="UserControl"
	d:DesignWidth="200" d:DesignHeight="600" Width="250" Height="650">

	<Grid x:Name="LayoutRoot" Width="200" Height="600">
		<VisualStateManager.VisualStateGroups>
			<VisualStateGroup x:Name="PropertiesDescription">
				<VisualStateGroup.Transitions>
					<VisualTransition GeneratedDuration="0:0:0.3">
						<VisualTransition.GeneratedEasingFunction>
							<ElasticEase EasingMode="EaseOut" Oscillations="1" Springiness="5"/>
						</VisualTransition.GeneratedEasingFunction>
					</VisualTransition>
				</VisualStateGroup.Transitions>
				<VisualState x:Name="MouseOut">
					<Storyboard>
						<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)" Storyboard.TargetName="grid">
							<EasingDoubleKeyFrame KeyTime="0" Value="0.205"/>
						</DoubleAnimationUsingKeyFrames>
						<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="grid">
							<EasingDoubleKeyFrame KeyTime="0" Value="-5.5"/>
						</DoubleAnimationUsingKeyFrames>
						<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)" Storyboard.TargetName="grid">
							<EasingDoubleKeyFrame KeyTime="0" Value="0.393"/>
						</DoubleAnimationUsingKeyFrames>
						<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="grid">
							<EasingDoubleKeyFrame KeyTime="0" Value="10.5"/>
						</DoubleAnimationUsingKeyFrames>
						<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="grid">
							<EasingDoubleKeyFrame KeyTime="0" Value="0"/>
						</DoubleAnimationUsingKeyFrames>
					</Storyboard>
				</VisualState>
				<VisualState x:Name="MouseEnter">
					<Storyboard>
						<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="grid">
							<EasingDoubleKeyFrame KeyTime="0" Value="0"/>
						</DoubleAnimationUsingKeyFrames>
					</Storyboard>
				</VisualState>
			</VisualStateGroup>
		</VisualStateManager.VisualStateGroups>
		<Grid x:Name="grid" Margin="-8,40.75,-21,59.25" RenderTransformOrigin="0.5,0.5" Height="500">
			<Grid.RenderTransform>
				<TransformGroup>
					<ScaleTransform/>
					<SkewTransform/>
					<RotateTransform/>
					<TranslateTransform/>
				</TransformGroup>
			</Grid.RenderTransform>
			<i:Interaction.Triggers>
				<i:EventTrigger EventName="MouseLeave">
					<ei:GoToStateAction x:Name="OnMouseOut" StateName="MouseOut"/>
				</i:EventTrigger>
				<i:EventTrigger EventName="MouseEnter">
					<ei:GoToStateAction x:Name="OnMouseEnter" StateName="MouseEnter"/>
				</i:EventTrigger>
			</i:Interaction.Triggers>
			<Rectangle x:Name="PropertiesContainer" Fill="#FF3D3D3D" Height="500" Stroke="#FF959595" VerticalAlignment="Top" RadiusX="5" RadiusY="5" StrokeThickness="5" Margin="8,-0.5,21,0" Width="200"/>
			<TextBlock Height="20" Margin="105,81.25,35,0" TextWrapping="Wrap" VerticalAlignment="Top" Text="{Binding Path=InitialPoint.X, Source=DataContext.SelectedFigure}" Foreground="White" />
            <TextBlock Height="20" Margin="105,105.25,35,0" TextWrapping="Wrap" VerticalAlignment="Top" Text="{Binding Path=FinalPoint.X, Source=DataContext.SelectedFigure}" Foreground="White"/>
			<Label Content="Inicio" HorizontalAlignment="Left" Height="25" Margin="22,76.25,0,0" VerticalAlignment="Top" Width="79" Foreground="White"/>
			<Label Content="Fin" HorizontalAlignment="Left" Height="25" Margin="22,100.25,0,0" VerticalAlignment="Top" Width="79" Foreground="White"/>
			<Label Content="Propiedades" Height="26" Margin="18,8.25,35,0" VerticalAlignment="Top" Foreground="White"/>
		</Grid>
	</Grid>
</UserControl>